<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>客户管理</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
  </head>
  <body>
    <div class="page-group" style="display: none;">
        <div class="page page-current"  id="index">
            <header class="bar bar-nav">
                <h1 class="title title-bg">客户分析</h1>
            </header>
            <nav class="bar bar-tab dbar-tab borderT">
                <a class="tab-item external active" href="/customer.html">
                    <span class="icon icon-khgl"></span>
                    <span class="tab-label">客户管理</span>
                </a>
                <a class="tab-item external" href="/cusOrder.html">
                    <span class="icon icon-dxd"></span>
                    <span class="tab-label">代下单</span>
                </a>
                <a class="tab-item external" href="/me.html">
                    <span class="icon icon-my"></span>
                    <span class="tab-label">我的</span>
                </a>
            </nav>
            <div class="content">
                <!-- content begin -->
                    <div class="content-padded">
                        <div class="lately-box">
                            <ul class="lately-ul load-template" id="countData"></ul>
                            <ul class="clear lately-ul2 padding0">
                                <li class="fl">
                                    <a href="#pay" class="clear">
                                        <i class="icon fl"></i>
                                        <span class="c9 fr">收款</span>
                                    </a>
                                </li>
                                <li class="fr">
                                    <a href="#settlement" class="clear">
                                        <i class="icon2 fl"></i>
                                        <span class="c9 fr">结算</span>
                                    </a>
                                </li>
                                <li class="fl">
                                    <a href="#addCustomer" class="clear">
                                        <i class="icon3 fl"></i>
                                        <span class="c9 fr">新增客户</span>
                                    </a>
                                </li>
                                <li class="fr">
                                    <a href="#monthlyData" class="clear">
                                        <i class="icon4 fl"></i>
                                        <span class="c9 fr">月度数据</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                <!-- content end -->
            </div>
        </div>
        <div class="page" id="addCustomer">
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left back dback" href="#index">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class="title title-bg">新增客户资料</h1>
            </header>
            <div class="content bgh">
                <div class="borderB">
                    <div class="content-padded tar">
                        <a href="#allCustomer" class="button button-fill red-btn fs75" style="display: inline-block;">全部客户</a>
                    </div>
                </div>
                <form action="/app/addPersonalUserSubmit.htm" method="post" onsubmit="false" id="allCustomerForm">
                    <input type="hidden" name="userCustomType" value="STORE">
                    <div class="bgf mb5h">
                        <div class="content-padded fs75 pt5h pb5h" style="margin: 0 .5rem">
                            <div class="row no-gutter borderB pb5h">
                                <div class="col-20">
                                    <p class="margin0 c6">店铺名称</p>
                                </div>
                                <div class="col-80">
                                    <p class="margin0 tar c3"><input type="text" value="" name="storeName" class="c3 tar border0 bgn wall" placeholder="请输入水果店名称" /></p>
                                </div>
                            </div>
                            <div class="row no-gutter pt5h">
                                <div class="col-20">
                                    <p class="margin0 c6">店主姓名</p>
                                </div>
                                <div class="col-80">
                                    <p class="margin0 tar c3"><input type="text" value="" name="realName" class="c3 tar border0 bgn wall" placeholder="请输入店主姓名" /></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="bgf mb5h">
                        <div class="content-padded fs75 pt5h pb5h" style="margin: 0 .5rem">
                            <div class="row no-gutter borderB pb5h">
                                <div class="col-20">
                                    <p class="margin0 c6">联系电话</p>
                                </div>
                                <div class="col-80">
                                    <p class="margin0 tar c3"><input type="text" name="mobile" value="" class="c3 tar border0 bgn wall " placeholder="请输入联系电话" /></p>
                                </div>
                            </div>
                            <div class="row no-gutter pt5h">
                                <div class="col-20">
                                    <p class="margin0 c6">备用电话</p>
                                </div>
                                <div class="col-80">
                                    <p class="margin0 tar c3"><input type="text" name="alternateMobile" value="" class="c3 tar border0 bgn wall" placeholder="请输入备用电话" /></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="bgf mb5h">
                        <div class="content-padded fs75 pt5h pb5h" style="margin: 0 .5rem">
                            <div class="row no-gutter borderB pb5h">
                                <div class="col-20">
                                    <p class="margin0 c6">配送片区</p>
                                </div>
                                <div class="col-80">
                                    <p class="margin0 tar c3">
                                        <input type="text" name="areaName" value="" class="c3 tar border0 bgn wall" placeholder="点击选择配送片区" style="width: 80%" />
                                        <input type="hidden" name="areaId" value="" />
                                        <span class="icon icon-right"></span></p>
                                </div>
                            </div>
                            <div class="row no-gutter pt5h">
                                <div class="col-20">
                                    <p class="margin0 c6">详细地址</p>
                                </div>
                                <div class="col-80">
                                    <p class="margin0 tar c3"><input type="text" name="address" value="" class="c3 tar border0 bgn wall" placeholder="请输入具体街道，楼牌号等" /></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="bgf mb5h">
                        <div class="content-padded fs75 pt5h pb5h" style="margin: 0 .5rem">
                            <div class="row no-gutter">
                                <div class="col-20">
                                    <p class="margin0 c6">配送序号</p>
                                </div>
                                <div class="col-80">
                                    <p class="margin0 tar c3"><input type="text" value="" name="storeOrder" class="c3 tar border0 bgn wall" placeholder="点击输入" /></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content-block">
                        <div class="row">
                            <div class="col-100">
                                <button class="button button-big button-fill button-success red-btn fn-editCS" type="submit" style="width: 100%">提交</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="page" id="addSuccess">
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left dback" href="#index">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class="title title-bg">客户注册成功</h1>
            </header>
            <div class="content bgh">
                <div class="tac ptb1">
                    <p class="fs1 margin0 c3">恭喜您！</p>
                    <p class="fs85 margin0 c6">客户注册成功，登录账号如下：</p>
                </div>
                <div class="bgf mb5h">
                    <div class="content-padded fs75 pt5h pb5h" style="margin: 0 .5rem;position: relative;">
                        <div class="row no-gutter pb5h load-template" id="addSuccessData"></div>
                        <div class="row no-gutter share-area">
                            <div class="col-50">&nbsp;</div>
                            <div class="col-5">&nbsp;</div>
                            <div class="col-20">
                                <a href="" class="button button-fill red-null-btn copy-btn" data-clipboard-target="#copyData">复制</a>
                            </div>
                            <div class="col-5">&nbsp;</div>
                            <div class="col-20">
                                <a href="#" class="button button-fill h-null-btn share-btn">转发</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-block">
                    <div class="row">
                        <div class="col-100">
                            <a href="#index" class="button button-big button-fill button-success red-btn" type="button" style="width: 100%">返回客户管理</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="page" id="allCustomer">
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left back dback" href="#addCustomer">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class="title title-bg">全部客户</h1>
            </header>
            <div class="bar bar-header-secondary">
                <div class="searchbar">
                    <a href="javascript:void(0);" class="searchbar-cancel fs75">搜索</a>
                    <div class="search-input">
                        <form method="post" action="/mobile/json/personalUserList.json" id="searchUserForm" onsubmit="false">
                            <label class="icon icon-search"></label>
                            <input type="search" name="keywords"  placeholder='按姓名、店铺名搜索'/>
                        </form>
                    </div>
                </div>
            </div>
            <div class="content">
                <!-- content begin -->
                <ul class="no-order-box padding0 margin0 load-template" id="customerList"></ul>
                <!-- content end -->
            </div>
        </div>
        <div class="page" id="searchResult">
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left back dback" href="">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class="title title-bg load-template" id="customerResultCount">搜索结果</h1>
            </header>
            <div class="bar bar-header-secondary">
                <div class="searchbar">
                    <a href="javascript:void(0);" class="searchbar-cancel fs75">搜索</a>
                    <div class="search-input">
                        <form method="post" action="/mobile/json/personalUserList.json" id="searchResultForm" onsubmit="false">
                            <label class="icon icon-search"></label>
                            <input type="search" name="keywords"  placeholder='按姓名、店铺名搜索'/>
                        </form>
                    </div>
                </div>
            </div>
            <div class="content">
                <!-- content begin -->
                <ul class="no-order-box padding0 margin0 load-template" id="customerResult"></ul>
                <!-- content end -->
            </div>
        </div>
        <div class="page" id="editCustomerData">
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left back dback" data-no-cache="true" href="#allCustomer">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class="title title-bg">客户资料</h1>
            </header>
            <div class="content bgh">
                <form action="/app/updateUserInfo.htm" method="post" onsubmit="false" id="meDataForm" >
                    <div class="bgf borderB borderT meData-box">
                        <div class="load-template" id="userDataEdit"></div>
                    </div>
                    <div class="content-block">
                        <div class="row">
                            <div class="col-100">
                                <a class="button button-big button-fill button-success red-btn fn-meData" type="button" style="width: 100%">编辑</a>
                                <button class="button button-big button-fill button-success red-btn hide fn-save" type="submit" style="width: 100%">保存</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="page" id="monthlyData">
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left back dback" href="#index">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class="title title-bg">月度数据</h1>
            </header>
            <div class="content bgh">
                <div class="bgf mb5h">
                    <div class="content-padded fs75 load-template" style="margin: 0 .5rem;margin-top: -1px;" id="monthlyDataList"></div>
                </div>
            </div>
        </div>
        <div class="page bgh" id="settlement">
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left back dback" href="#index">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class="title title-bg">结算</h1>
            </header>
            <div class="content load-template" id="settlementData"></div>
        </div>
        <div class="page bgh" id="pay">
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left back dback" href="#index">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class="title title-bg">收款</h1>
            </header>
            <div class="content">
                <div class="buttons-tab dbuttons-tab2 load-template" id="orderMenu"></div>
                <div class="content-block margin0 padding0">
                    <div class="tabs">
                        <div id="tab1" class="tab active load-template"></div>
                        <div id="tab2" class="tab load-template"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="page" id="noOrder">
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left back dback" href="#index">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class="title title-bg">未下单客户</h1>
            </header>
            <div class="content">
                <!-- content begin -->
                <ul class="no-order-box padding0 margin0 load-template" id="noOrderList"></ul>
                <!-- content end -->
            </div>
        </div>
    </div>
  </body>
</html>